﻿.buttons-row {
    display: grid;
    grid-template-columns: auto auto 1fr;
    grid-column-gap: 2em;
}

.filters-row {
    display: grid;
    grid-template-columns: auto auto auto 1fr;
    grid-column-gap: 1em;
}

.logs-content {
    width: 100%;
    white-space: pre;
    height: 500px;
}


@media (max-width: 641px) {
    .buttons-row {
        grid-template-columns: 1fr;
        text-align: center;
        grid-row-gap: 1em;
    }

    .filters-row {
        grid-template-columns: 1fr 1fr;
        align-items: center;
        grid-row-gap: 0.5em;
    }
}